$(function () {
    //设置分页的页码
    let currentPage,perpage
    //下拉列表的动态渲染
    $.ajax({
        type:'get',
        url: Bignews.category_list,
        // data:{},
        headers: headers,
        dataType: 'json',
        success: function (res) {
            // console.log(res);
            $('#selCategory').html(template('cateTemp',res.data))
            
        }
    })

    //文章列表动态结构渲染,封装函数
    function init(type,state,perpage=6) {
        $.ajax({
        type:'get',
        url: Bignews.article_query,
        data:{page:currentPage,perpage:perpage,type,state},
        headers: headers,
        dataType: 'json',
        success: function (res) {
            // console.log(currentPage);
            $('tbody').html(template('articleListTemp', res.data))
            setPage(res.data.totalPage)
        }
    })
    }
    init($('#selCategory').val(),$('#selStatus').val())
    
    //给筛选按钮添加点击事件,获取分类id及文章状态后渲染文章列表
    $('#btnSearch').on('click', function () {
        // console.log($('#selCategory').val());
        currentPage = 1
        init($('#selCategory').val(),$('#selStatus').val(),perpage)
        
    })

    //分页结构生成
    function setPage(pageSum) {
        $(".pagination").bootstrapPaginator({
            //设置版本号
            bootstrapMajorVersion: 3,
            // 显示第几页
            currentPage: currentPage,
            // 总页数
            totalPages: pageSum || 1,
            //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
            onPageClicked: function (event,originalEvent,type,page) {
                // 把当前点击的页码赋值给currentPage, 调用ajax,渲染页面
                currentPage = page
                // console.log(currentPage);
                init($('#selCategory').val(),$('#selStatus').val(),perpage)
            }
        })
    }

    //给删除按钮添加点击事件,实现文章的删除
    $('tbody').on('click', '.delete', function () {
        let id = $(this).data('id')
        $.ajax({
            type: 'post',
            url: Bignews.article_delete,
            data: { id },
            headers:headers,
            dataType: 'json',
            success: function (res) {
                alert(res.msg)
                if ($('tbody').children().length === 1) {
                    if (currentPage > 1) {
                        currentPage --
                    }
                } 
                init($('#selCategory').val(),$('#selStatus').val(),perpage)
            }
        })
    })

    //给分页显示条数下拉列表添加change事件
    $('#perPage').on('change', function () {
        perpage = $(this).val()
        currentPage = 1
        console.log(perpage);
        init($('#selCategory').val(),$('#selStatus').val(),perpage)
    })
})